<template>
    <div class="container">
        <el-tabs v-model="activeName" type="border-card" class="el-tabs">
            <el-tab-pane label="图表" name="AnalyLeft" >
                <AnalyLeft  :tbId="1"></AnalyLeft>
            </el-tab-pane>
            <el-tab-pane label="列表" name="AnalyRight">
                <AnalyRight  :tbId="1" ></AnalyRight>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
  window._interceptConfig = {
    collection: true, //整体开关
    click: true, //页面点击事件信息采集开关
    page: true, //页面跳转加载事件信息采集开关
    error: true, //异常信息采集开关
    http: true, //通讯信息采集开关
    name: "jyzdhywxxxtsdfx_n_prd.mart-ui-ds", //系统编号，被采集信息的系统名称。前端简称
    url: " http://apm.sd.sgcc.com.cn:19411/api/v2/spansWeb"//数据上报服务地址，根据实际情况输入
  };
</script>
<!-- src -->
<script src=" http://25.41.37.249:19411/assets/js/intercept.min.js " async></script>
<script>
import AnalyLeft from '@/views/analysiswarning/AnalyLeft'
import AnalyRight from '@/views/analysiswarning/AnalyRight'
export default {
    name: 'Analysisview',
    components:{
        AnalyLeft,
        AnalyRight,
    },
    data() {
        return {
            activeName: 'AnalyLeft'
        }
    }
}
</script>

<style scoped>
    .container{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .el-tabs{
        width: 100%;
        height: 100%;
    }
</style>
